<template>
    <div class="xing-form">
      <el-card>
        <p>code场景：</p>
        <p>inputNumber要求和其他输入框统一样式，详见styles/reset.css</p>
        <p>inputNumber取消默认值，需设为undefined</p>
      </el-card>
      <el-form style="width: 50%;" ref="form" :model="form" label-width="80px">
        <el-form-item label="活动名称">
          <el-input-number v-model="form.name" placeholder="请输入值" controls-position="right" :min="1" :max="10"></el-input-number>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="handleSubmit">立即创建</el-button>
          <el-button>取消</el-button>
        </el-form-item>
      </el-form>
    </div>
</template>

<script>
export default {
  name: 'xingForm',
  data () {
    return {
      form: {
        name: undefined
      }
    }
  },
  methods: {
    handleSubmit () {
      console.log(this.form)
    }
  }
}
</script>

<style scoped>

</style>
